﻿@model JuniorProject.Models.DetailedApplicationModel

@{
    ViewBag.Title = "Job Application Details";
}

<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script language="javascript">
    $(document).ready(function () {
        $(".content").hide();
        $(".collapsible_heading").click(function () {
            $(this).next(".content").slideToggle(100);
        });
    });
</script>

<script language="javascript">
    $(document).ready(function () {
        $(".content1").show();
        $(".collapsible_heading1").click(function () {
            $(this).next(".content1").slideToggle(0);
        });
    });
</script>

<h2>Detailed Application Information</h2>
<h4>Please complete all required fields.</h4>
<br />

@using (Html.BeginForm(new { JobID = ViewBag.JobID, JobPostingID = ViewBag.JobPostingID }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary()

    <fieldset>
        <legend>DetailedApplicationModel</legend>

        <div class="toggle">
            <div class="collapsible_heading1">
                <div class="collapsible_heading_required">
                    REQUIRED
                </div>
                <div class="collapsible_heading_text">
                    Contact Information
                </div>
            </div>
            <div class="content1">
                <h4>Address</h4>
                <div class="editor-label">
                    @Html.LabelFor(model => model.Address1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Address1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Address2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Address2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.City)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.City)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.State)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.State)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Zip)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Zip)
                    @Html.ValidationMessageFor(model => model.Zip)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ApplicantPhoneNumber1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ApplicantPhoneNumber1)
                    @Html.ValidationMessageFor(model => model.ApplicantPhoneNumber1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ApplicantPhoneNumber2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ApplicantPhoneNumber2)
                    @Html.ValidationMessageFor(model => model.ApplicantPhoneNumber2)
                </div>
            </div>

            <div class="collapsible_heading">
                <div class="collapsible_heading_required">
                    REQUIRED
                </div>
                <div class="collapsible_heading_text">
                    Personal/Professional Reference 1
                </div>
            </div>
            <div class="content">
                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceName1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceName1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferencePhoneNumber1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferencePhoneNumber1)
                    @Html.ValidationMessageFor(model => model.ReferencePhoneNumber1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceCompanyName1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceCompanyName1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceJobTitle1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceJobTitle1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceRelationShip1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceRelationShip1)
                </div>
            </div>

            <div class="collapsible_heading">
                <div class="collapsible_heading_required">
                    REQUIRED
                </div>
                <div class="collapsible_heading_text">
                    Personal/Professional Reference 2
                </div>
            </div>
            <div class="content">
                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceName2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceName2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferencePhoneNumber2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferencePhoneNumber2)
                    @Html.ValidationMessageFor(model => model.ReferencePhoneNumber2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceCompanyName2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceCompanyName2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceJobTitle2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceJobTitle2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceRelationShip2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceRelationShip2)
                </div>
            </div>

            <div class="collapsible_heading">
                <div class="collapsible_heading_required">
                    REQUIRED
                </div>
                <div class="collapsible_heading_text">
                    Personal/Professional Reference 3
                </div>
            </div>
            <div class="content">
                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceName3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceName3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferencePhoneNumber3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferencePhoneNumber3)
                    @Html.ValidationMessageFor(model => model.ReferencePhoneNumber3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceCompanyName3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceCompanyName3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceJobTitle3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceJobTitle3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.ReferenceRelationShip3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.ReferenceRelationShip3)
                </div>
            </div>

            <div class="collapsible_heading">
                <div class="collapsible_heading_required">
                    REQUIRED
                </div>
                <div class="collapsible_heading_text">
                    Salary Information
                </div>
            </div>
            <div class="content">
                <div class="editor-label">
                    @Html.LabelFor(model => model.DesiredSalary)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.DesiredSalary)
                </div>
            </div>
        </div>

        <p>
            <input type="submit" value="Submit" />
        </p>
    </fieldset>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
